<template>
  <div class="teacher-dashboard-container">
    <el-card shadow="hover">
      <div class="header">
        <h2>教师仪表盘</h2>
      </div>
      <div class="dashboard-stats">
        <el-card class="stat-card" shadow="never">
          <div class="stat-title">我的项目</div>
          <div class="stat-value">6</div>
        </el-card>
        <el-card class="stat-card" shadow="never">
          <div class="stat-title">待审核项目</div>
          <div class="stat-value">2</div>
        </el-card>
        <el-card class="stat-card" shadow="never">
          <div class="stat-title">投票参与</div>
          <div class="stat-value">4</div>
        </el-card>
        <el-card class="stat-card" shadow="never">
          <div class="stat-title">统计入口</div>
          <div class="stat-value">→</div>
        </el-card>
      </div>
      <div class="dashboard-links">
        <el-button type="primary" @click="$router.push('/teacher/projects')">项目申报</el-button>
        <el-button type="primary" @click="$router.push('/teacher/votes')">投票管理</el-button>
        <el-button type="primary" @click="$router.push('/teacher/assessments')">中期考核</el-button>
        <el-button type="primary" @click="$router.push('/teacher/finishes')">结项申请</el-button>
        <el-button type="primary" @click="$router.push('/teacher/statistics')">项目统计</el-button>
      </div>
    </el-card>
  </div>
</template>
<script setup>
// 可根据实际数据动态获取统计数
</script>
<style scoped>
.teacher-dashboard-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 0;
  background: #f5f7fa;
  min-height: 100vh;
}
.header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}
.dashboard-stats {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.stat-card {
  flex: 1 1 200px;
  min-width: 200px;
  text-align: center;
  padding: 24px 0;
}
.stat-title {
  font-size: 16px;
  color: #888;
  margin-bottom: 8px;
}
.stat-value {
  font-size: 32px;
  font-weight: bold;
  color: #409EFF;
}
.dashboard-links {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
</style> 